<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html 	xmlns="http://www.w3.org/1999/xhtml"
		xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:p="http://primefaces.org/ui">
		
		
		
		
	
	<h:head> 
			<title>Gerenciador de Usuários</title>
			<link type="text/css" rel="stylesheet" href="dot-luv-1.0.1/theme.css" />
			<style>
				#total {
				border: 1px solid lightblue;
				width: 1024px;
				margin-left: -512px;
				left: 50%;
				position: absolute;
				}
				
				#cabecalho{
				padding-left: 20px;
				background-image: url('./imagens/barra.jpg');
				background-repeat-y: repeat;
				width: 1004px;
				height: 80px;
				}
			
			</style>
	</h:head>
	<h:body>
	   <div id="total">	
		  <div id="cabecalho">	
			<div style="float: left;">
				<h1>Gerenciador de Usuários</h1>
				<br/>
			</div>
			</div>
					<h:form prependId="false" id="tabela">
						<p:dataTable  var="usuarios" value="#{UsuarioController.listarUsuarios}">
							<p:column>
								<f:facet name= "header">
									<h:outputText value = "Nome"/>
								</f:facet>
									<h:outputText value = "#{usuarios.Nome}"/>
								
							</p:column>
			
							<p:column>
								<f:facet name="header">
									<h:outputText value = "Login"/>
								</f:facet>
									<h:outputText value = "#{usuarios.Login}"/>
							</p:column>
				
							<p:column>
								<f:facet name="header">
									<h:outputText value = "Senha"/>
								</f:facet>
									<h:outputText value = "#{usuarios.Senha}"/> 
							</p:column>
						</p:dataTable>	
			
				<!--  			<p:column>
								<f:facet name="header">
									<h:outputText value = "Data Cadastro"/>
								</f:facet>
									<h:outputText value = "#{usuario.DataCadastro}"/>
								</p:column>
				-->		
						<p:column>
							<f:facet name="header">
								<h:outputText value= "Novo Usuario"/>
							</f:facet>
							<p:commandButton actionListener="#{UsuarioController.prepararAdicionarUsuarios}"
							value ="Novo Usuario" update=":infosUsuario" oncomplete="dialogGerUsuarios.show()"/>
						
						</p:column>
						<p:column>
								<f:facet name="header">
									<h:outputText value="Alterar"/>
								</f:facet>
								<p:commandButton actionListener="#{UsuarioController.prepararAlterarUsuarios}" 
					value="Alterar" update=":infosUsuario" oncomplete="dialogGerUsuarios.show()"/>
							</p:column>
							
							<p:column>
								<f:facet name="header">
									<h:outputText value="Excluir"/>
								</f:facet>
								<p:commandButton action="#{UsuarioController.excluirUsuarios}"
					 value="Excluir"/> 
					 		</p:column>
					 	
					 </h:form>
				
			<p:dialog header="Gerencia de Usuários" widgetVar="dialogGerUsuarios"
			resizable="false" modal="true" showEffect="slide" width="500">
				<h:form prependId="false" id="infosUsuario" >
					<h:panelGrid columns="2" style="margin-bottom:10px">
						<h:outputLabel for="Nome" value ="Nome:"/>
							<h:inputText id="Nome" value="#{UsuarioController.usuario.Nome} "/>
						<h:outputLabel for="Login" value ="Login"/>
							<h:inputText id="Login" value="#{UsuarioController.usuario.Login}"/>
						<h:outputLabel for="Senha" value ="Senha"/>
							<h:inputSecret id="Senha" value ="#{UsuarioController.usuario.Senha}"/>
		<!--				<h:outputLabel for="DataCadastro" value="Data Cadastro"/>
							<h:inputText id="DataCadastro" value="#{UsuarioController.usuario.DataCadastro}"/>
		-->			
						<p:commandButton update=":tabela" required="true" requiredMessage="Campo [nome] é Obrigatório!"
									oncomplete="dialogGerUsuarios.hide();" 				
							actionListener="#{UsuarioController.adicionarUsuarios}" value="Inserir Usuário"/> 
						<p:commandButton update=":tabela" oncomplete="dialogGerUsuarios.hide();"
							actionListener="#{UsuarioController.alterarUsuarios}" value="Alterar Usuário"/>	
					</h:panelGrid>	
				</h:form>
			
			</p:dialog>	
		</div>                    	

	</h:body>		
	
</html>